<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="public/include :: header" />
 	<meta name="keywords" th:content="${biz.cmsCate.keyWord}">
	<meta name="description" th:content="${biz.cmsCate.cateDesc}">
    <title>[[${biz.cmsCate.cateTitle}]]</title>
    
    <th:block th:include="public/include :: swiper-css" />
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/headfoot.css" />
    <link rel="stylesheet" href="/css/index.css">
    
    <link rel="stylesheet" href="/css/second.css">
      <style type="text/css">
	pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	}
	</style>
</head>

<body class="huibg">
    <!--头部部分-->
    <div class="heads header">
    </div>

    <div class="main-md">
        <div class="bgff pad20">
            <div class="se_tit" id="duty">
                <h2 class="fnt_18 col_666">主要职责</h2>
            </div>
            
            <div class="jie">
            		<pre>[[${biz.aboutUs.mainDuty}]]</pre>
            </div>
            
            <div class="se_tit" id="leader">
                <h2 class="fnt_18 col_666">处室领导</h2>
            </div>
            <div class="ling">
                <ul>
                    <li th:each="leader,st : ${biz.orgLeaders}"><a href="#">
                        <div class="ling_img">
                            <img th:src="${leader.leaderPhoto}" th:alt="${leader.leaderName}">
                        </div>
                        <h3 class="fnt_20 col_000 bld" th:text="|${leader.leaderPost}: ${leader.leaderName}|"></h3>
                    </a></li>
                </ul>
            </div>
            <div class="se_tit" id="contact">
                <h2 class="fnt_18 col_666">联系方式</h2>
            </div>
            <div class="sheji">
               	<p th:text="${biz.aboutUs.contactInfo}"></p>
            </div>
        </div>
    </div>

    <!--页尾-->
    <div class="foots">
    </div>
    
    <th:block th:include="public/include :: footer" />
    <th:block th:include="public/include :: swiper-js" />
    <div th:replace="public/include :: SuperSlide-js" ></div>
    <script src="/js/index.js"></script>
    
    <script>
        var swiper = new Swiper('#banner', {
            autoplay: 3000,
            speed: 500,
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        var windowWidth = $(window).width();
        if (windowWidth < 768) {

        }
        if (windowWidth >= 768) {

        }
        $('.main_top_tit span').click(function () {
            var liindex = $('.main_top_tit span').index(this);
            console.log(liindex);
            $(this).addClass('active').siblings().removeClass('active');
            $('.main_rt_con .main_rt_item').eq(liindex).fadeIn(150).siblings(".main_rt_item").hide();
        });
        jQuery(".picMarquee-left").slide({
            mainCell: ".bd ul",
            autoPlay: true,
            effect: "leftMarquee", vis: 7, interTime: 50, trigger: "click"
        });
        $(function() {
	        $(".heads").load("/head/[[${biz.orgCode}]]",function(){
	        	 //栏目选中
		        $(".main-md ul li").removeClass("active");
		        $("#nav[[${biz.cmsCate.cateCode}]]").addClass("active");
	        });
	        $(".foots").load("/foot.html");
        });
    </script>
</body>

</html>